<template>
	<view class="main">
		<Header :title="t('deviceSetting.title')" />
		<view class="main-box">
			<up-cell-group :border="false" class="cell-list">
				<up-cell
					:title="t('setup.deviceInfo')"
					:isLink="true"
					url="/pages/manage/vehicleSettings/vehicleInfo"
					rightIconStyle="color:#000000e6"></up-cell>
				<up-cell
					:title="t('setup.setting')"
					:isLink="true"
					:url="`/pages/manage/vehicleSettings/vehicleSet?device_sn=${device_sn}`"
					rightIconStyle="color:#000000e6"></up-cell>
			</up-cell-group>
		</view>
	</view>
</template>

<script setup lang="ts">
import Header from "@/components/header/index.vue";
import { getCurrentInstance, ref, computed, onMounted } from "vue";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
import { onLoad, onPullDownRefresh } from "@dcloudio/uni-app";
const device_sn = ref("");
onLoad((options) => {
	if (options?.device_sn) {
		device_sn.value = options.device_sn;
	}
});
</script>

<style lang="scss" scoped>
.main-box {
	padding: 30rpx;
	box-sizing: border-box;
}
.cell-list {
	background-color: #fff;
	border-radius: 10px;
}
:deep(.u-cell:last-child) {
	.u-line {
		border: none !important;
	}
}
</style>
